

var pageCount = 0;
var pageObj = {
  page: 1,
  size : 3
}
$(function () {
  
  $(document).ajaxStart(function () {
    $(".mask").show()

  })
  $(document).ajaxStop(function () {
    $(".mask").hide()
  })

  getList()
  // 添加
  $("#sAdd").click(function () {
    if ($("#sUrl").val() == "" || $("#sName").val() =="" || $("#sPrice").val() == "") {
      alert("学生信息不能为空")
      
    } else {
      var obj = {
        sUrl: $("#sUrl").val(),
        sName: $("#sName").val(),
        sPrice: $("#sPrice").val(),
        sSel: $("#sSel").val()
      }
      $.ajax({
        url: "/stduents/add",
        type: "post",
        data: obj,
        success: function (res) {
          console.log(res);
          getList()
        }
      })
    }
    
  })

  $("#sSort").click(function () {
    var obj = {
      sPrice : -1
    }
    $.ajax({
      url: "/stduents/sort",
      type: "get",
      data: obj,
      success: function (res) {
        show(res.result);
      }
    })

  })
// 查找
  $("#sFind").click(function () {
    var obj = {}
    if ($("#sFindName").val()) {
      obj.sName = $("#sFindName").val();
    }
    if ($("#sFindPrice").val()) {
      obj.sPrice = $("#sFindPrice").val();
      
    }
    $.ajax({
      url: "/stduents/find",
      type: "get",
      data: obj,
      success: function (res) {
        show(res.result);
      }
    })

  })
  // tab
  $(".typeBtn button").click(function () {
    console.log(11);
    $(this).addClass("active").siblings().removeClass("active");
    var obj = {}
    if ($(this).html() != "全部") {
     obj.sSel = $(this).html()
    }
    $.ajax({
      url: "/stduents/tab",
      type: "get",
      data: obj,
      success: function (res) {
        show(res.result);
      }
    })

  })

  // 上一页
  $("#lastBtn").click(function () {
    if (pageObj.page <= 1) {
      alert("已经是第一页了")
      pageObj.page = 1
    } else {
      pageObj.page--;
      getList()
    }
  })
  // 下一页
  $("#nextBtn").click(function () {
    if (pageObj.page >= pageCount) {
      alert("已经是第一页了")
      pageObj.page = pageCount
    } else {
      pageObj.page++;
      getList()
    }
  })

})

// 获取列表
function getList() {

  $.ajax({
    url: "/stduents/getList",
    type: "get",
    data: pageObj,
    success: function (res) {
      show(res.result);
      pageCount = Math.ceil(res.count / pageObj.size);
    }
  })
}

function show(res) {
  $("tbody").html("");
  $.each(res, function (i, item) {
    var tr = `
    <tr>
            <td><img src="../images/${item.sUrl}.jpg" alt=""></td>
            <td>${item.sName}</td>
            <td>${item.sPrice}</td>
            <td>${item.sSel}</td>
            <td>
              <button onclick='del("${item._id}")'>删除</button>
              <button onclick="change('${JSON.stringify(item)}}')">修改</button>
            </td>
          </tr>
    
    `
    $("tbody").append(tr);
  })
}

function del(id) {
  var obj = {
    id : id
  }
  $.ajax({
    url: "/stduents/del",
    type: "post",
    data: obj,
    success: function (res) {
      console.log(res);
      getList()
    }
  })

}